<template>
  <div class="main-container">
    <!-- 左边 聊天列表 -->
    <div class="left">
      <component/>
    </div>
    <!-- 右边聊天窗口 -->
     <div class="right">聊天区域</div>
  </div>
</template>

<script setup lang="ts">
  import component from '@/components/ContactList.vue';
</script>

<style lang="scss" scoped>
.main-container {
  display: flex;
  background-color: rgb(231, 225, 225);
  height: 100vh;

  .left {
    width: 300px;
    background-color: aquamarine;
  }
  
}
</style>